<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<title>dice</title>

	<!--
	<style>

		* {
			padding: 0;
			box-sizing: border-box;
		}

		#glcanvas {
			width: 60vw;
			height: auto;
		}

		#wrapper {
			display: flex;
			justify-content: space-between;
			margin: 20px;
			flex-wrap: wrap;
		}

	</style>
	-->

</head>

<body>
	<div id="wrapper">
		<canvas id="glcanvas">

		</canvas>

		
		
	</div>
	<button id="cast">投掷</button>
	<div>
		d4: <input type="number" name="d4" id="d4" size= 5><br>
		d6: <input type="number" name="d6" id="d6" size= 5><br>
		d8: <input type="number" name="d8" id="d8" size= 5><br>
		d10: <input type="number" name="d10" id="d10" size= 5><br>
		d12: <input type="number" name="d12" id="d12" size= 5><br>
		d20: <input type="number" name="d20" id="d20" size= 5><br>
		
	</div>
	<button id="reset">重置</button>
	
	<script src="./ammo.js"></script>
	<script src="./shader.js"></script>
	<script src="./matrix.js"></script>
	<script src="./cube.js"></script>
	<script src="./cube_vao.js"></script>
	<script src="./dice20_vao.js"></script>
	<script src="./dice12_vao.js"></script>
	<script src="./dice10_vao.js"></script>
	<script src="./dice8_vao.js"></script>
	<script src="./dice4_vao.js"></script>

</body>

</html>

